<template>
  <div class="text-center mb-12">
    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-serif font-bold mb-3">{{ title }}</h2>
    <p class="text-neutral-600 max-w-2xl mx-auto">{{ subtitle }}</p>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    required: true
  },
  subtitle: {
    type: String,
    required: true
  }
})
</script>